@charset "UTF-8";
@import "layout";



html{


 }

body{

  margin: 0;
  padding: 0;
 }

.el-submenu__title{
  color: white;
 }


.el-menu{
  background:#232a3a;
 }

.el-header {
  background-color:white;
  color: #333;
  line-height: 60px;
  border-bottom:1px solid #ededed;
 }


a{
  text-decoration:none;
  color: white;
 }




.the{
  padding: 0 20px;
  color: #5085b8;
  cursor: pointer;
 }

.box{

  color: #5085b8;
  padding: 0 20px;
  border-left: 1px solid #333333;
  cursor: pointer;
 }


.el-date-editor.el-input{
  @extend  %display-align;
 }

.el-select{
  @extend  %display-align;
 }



.now1{
  width: 150px;
  height: 5px;
 }

.now{
  font-size: 15px;
  font-weight: bold;
  padding-right: 10px;

 }


.box5{
  display: inline-block;
 }




@media (max-width: 1280px) {
  .block{
    @include display(flex,space-between,center);
    position: relative;

  }
  .span{
    display: flex;
    align-items: center;
    font-weight: bold;
    font-size: 10px;
  }

  .box3{
    @include display(flex,center,center);

  }

  .demonstration{
    @include display(flex,center,center);
    margin-right: 10px;
    font-weight: bold;
    flex-wrap: nowrap;
  }

  .box4{
    width: 45px;
  }

  .box5{
    display: inline-block;
  }


  .now{

    font-weight: bold;
    padding-right: 10px;

  }

 }

@media (max-width: 1050px) {

  .el-date-editor.el-input{
    width: 40px;
  }

 }


.el-col-12{
  width: 300px;
  background-color: rgb(84, 92, 100);
 }

.h5{
 line-height: 60px;
 text-align: center;
  color:white;

 }


.el-row{
  background-color: rgb(84, 92, 100);


 }


.el-menu{
  border:none;
 }











